<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8" />
    <title>Exercise 1</title>
    <meta
      content="width=device-width, initial-scale=1, maximum-scale=1"
      name="viewport"
    />
    <link rel="stylesheet" href="css/style.css">

  </head>
  <!-- # Instructions

  Add a link from the homepage to the individual blogpost (you may also want to add a 
  link to the blogpost back to the main page). Once you have successfully done this, 
  navigate to the blog entry and then customize the style to start to get an idea of 
  what you might want a blog post layout to look like. -->
  <body>
  <div class = "container">
    <div class="header box">Header</div>
    <div class="sidebar box">
      <h1>Blog Posts</h1>
      <a href="blog-post.html">blog-post.html</a>
    </div>
    <div class="content box">Content
        
    </div>
    <div class="footer box">Footer</div>
  </div>
  </body>
</html>